<script setup lang="ts">
import { MdEditor } from "md-editor-v3";
import "md-editor-v3/lib/style.css";
const modelValue = defineModel<string>({ required: true });
</script>

<template>
  <MdEditor
    :style="{ height: '100%' }"
    :preview="false"
    placeholder="在此输入内容"
    v-model="modelValue"
    :footers="[]"
    :toolbars="[
      'bold',
      'underline',
      'italic',
      '-',
      'strikeThrough',
      'title',
      'sub',
      'sup',
      'quote',
      'unorderedList',
      'orderedList',
      'task', // ^2.4.0
      '-',
      'codeRow',
      'code',
      'link',
      'image',
      'table',
      'mermaid',
      'katex',
      '-',
      'revoke',
      'next',
      //   'save',
      //   '=',
      //   'pageFullscreen',
      //   'fullscreen',
      //   'preview',
      //   'previewOnly',
      //   'htmlPreview',
      //   'catalog',
      //   'github',
    ]"
  ></MdEditor>
</template>
